.source-drawer {
	color: var(--el-text-color-primary);
	user-select: none;

	&.el-drawer.ltr,
	&.el-drawer.rtl {
		top: 40px;
		height: calc(100% - 40px);
	}
	.el-drawer__header{
		margin-bottom: 0px;
	}

	.source-drawer-title {
		font-size: 18px;
		color: var(--el-text-color-primary);
		margin-bottom: 0;
	}

	.step-title {
		position: relative;
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 18px;
		padding-left: 8px;

		&::before {
			position: absolute;
			top: 6px;
			left: -8px;
			display: block;
			width: 8px;
			height: 8px;
			background: var(--el-border-color);
			border-radius: 4px;
			content: "";
			box-shadow: 0 0 4px -2px #000;
			transition: background 0.2s;
		}

		&::after {
			position: absolute;
			top: 10px;
			right: 0;
			width: 390px;
			height: 1px;
			background: var(--el-border-color);
			content: "";
			transform: scaleY(0.5);
		}

		&.--error::before {
			background: var(--el-color-error);
		}

		&.--disabled::before {
			background: #444;
		}
	}

	.datasource-selector {
		margin-top: 15px;
		margin-bottom: 10px;
		display: flex;
		align-items: center;

		.datasource-select {
			margin-left: 10px;
		}
	}

	.ds-response-btn {
		display: inline-block;
		margin-top: 10px;
		cursor: pointer;
		color: var(--el-color-primary);
		transition: color 0.2s;

		&:hover {
			color: var(--el-color-primary);
		}
	}

	.use-filter-btn {
		margin-right: 5px;
		margin-left: 3px;
		line-height: 18px;
		vertical-align: middle;
	}

	.use-filter-text {
		vertical-align: -1px;
	}

	.tutorial-popup {
		margin-left: 10px;
		font-size: 12px;
		color: var(--el-color-primary);
		cursor: pointer;
		transition: color 0.2s;

		&:hover {
			color: var(--el-color-primary);
		}
	}

	.refresh-btn {
		margin-left: 5px;
		color: var(--el-color-primary);
		cursor: pointer;
		transition: color 0.2s;

		&:hover {
			color: var(--el-color-primary);
		}
	}
}

.ds-preview-content {
	position: relative;
	width: 400px;
	height: 200px;
	padding: 10px;
	border-radius: 2px;
	background: var(--el-bg-color-page);
	box-shadow: 0 0 6px -3px #000;
}
